<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery-3.7.1.min.js"></script>
</head>
<body>
    <div class="error">hello</div>
    <span>HEllo</span>

    <script>
        /*
        1.addClass() 方法向被选元素添加一个或多个class。
        2.removeClass() 方法从被选元素移除一个或多个class。
        3.toggleClass() 方法在被选元素的class属性值中添加或移除一个或多个类名。(存在则移除，不存在则添加)
        4.hasClass() 方法检查被选元素是否包含指定的类名，返回true或false。
         */

        $('div').addClass('red')

        $('div').removeClass('error')

        $('span').toggleClass('txt')
    </script>
</body>
</html>